{% block sw_sidebar %}
<aside
    class="sw-sidebar"
    :class="sidebarClasses"
>
    {% block sw_sidebar_navigation %}
    <nav class="sw-sidebar__navigation">
        {% block sw_sidebar_navigation_list %}
        <ul
            v-for="(section, index) in sections"
            :key="`sidebar-section-${index}`"
            class="sw_sidebar__navigation-list"
            :class="`is--${index}`"
        >
            <li
                v-for="item in section"
                :key="item.id"
            >
                {% block sw_sidebar_navigation_item %}
                <sw-sidebar-navigation-item
                    :sidebar-item="item"
                    @item-click="setItemActive(item)"
                />
                {% endblock %}
            </li>
        </ul>
        {% endblock %}
    </nav>
    {% endblock %}

    {% block sw_sidebar_content %}
    <div class="sw-sidebar__content">
        <slot> </slot>
    </div>
    {% endblock %}
</aside>
{% endblock %}
